<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>商城首页</title>

    <link rel="stylesheet" href="/templates/index/vendors/font-awesome/4.5.0/css/font-awesome.min.css">
    <script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/??sm.min.css,sm-extend.min.css">
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/??sm.min.js,sm-extend.min.js' charset='utf-8'></script>
    <link rel="stylesheet" href="/templates/index/css/index.css">
</head>
<body>
<div class="page-group">
    <div class="page page-current">
        <header class="bar bar-nav">
            <h1 class="title">DoMall商城</h1>
        </header>
        <div class="content native-scroll">
            <div class="swiper-container swiper-container-horizontal" data-space-between="10">
                <div class="swiper-wrapper">
                    <div class="swiper-slide swiper-slide-active" style="width: 414px; margin-right: 10px;"><img src="/templates/index/images/index_b1.png" alt="" style="width: 100%"></div>
                    <div class="swiper-slide swiper-slide-next" style="width: 414px; margin-right: 10px;"><img src="/templates/index/images/index_b1.png" alt="" style="width: 100%"></div>
                    <div class="swiper-slide" style="width: 414px; margin-right: 10px;"><img src="/templates/index/images/index_b1.png" alt="" style="width: 100%"></div>
                </div>
                <div class="swiper-pagination"><span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span></div>
            </div>
            <div class="content-padded">
                <div class="row">
                    <div class="col-33"><a href="/index/cart" class="button button-big button-fill button-danger">购物车</a></div>
                    <div class="col-33"><a href="/index/order/orderlist" class="button button-big button-fill button-danger">我的订单</a></div>
                    <div class="col-33"><a href="/index/member" class="button button-big button-fill button-danger">会员中心</a></div>
                </div>
                <div class="row" style="margin-top:10px">
                    <div class="col-33"><a href="#" class="button button-big button-fill button-danger">全部分类</a></div>
                    <div class="col-33"><a href="#" class="button button-big button-fill button-danger">店铺列表</a></div>
                    <div class="col-33"><a href="#" class="button button-big button-fill button-danger">客户服务</a></div>
                </div>
            </div>
            <div class="content-block-title">热门推荐</div>
            <div class="list-block media-list">
                <ul>
                    {foreach $goods_list as $goods_item}
                    <li>
                        <a href="/index/goods?id={$goods_item.goods_id}" class="item-link item-content">
                            <div class="item-media"><img src="{$goods_item.goods_image}" style='width: 4rem;'></div>
                            <div class="item-inner">
                                <div class="item-title-row">
                                    <div class="item-title">{$goods_item.goods_name}</div>
                                    <div class="item-after">${$goods_item.goods_marketprice}</div>
                                </div>
                                <div class="item-text">{$goods_item.goods_salenum}人已购买</div>
                            </div>
                        </a>
                    </li>
                    {/foreach}
                </ul>
            </div>
        </div>
        <nav class="bar bar-tab">
                <a class="tab-item external active" href="/index">
                    <span class="icon icon-home"></span>
                    <span class="tab-label">首页</span>
                </a>
                <a class="tab-item external" href="#">
                    <span class="icon icon-menu"></span>
                    <span class="tab-label">分类</span>
                </a>
                <a class="tab-item external" id="addCart" href="/index/order/orderlist">
                    <span class="icon icon-cart"></span>
                    <span class="tab-label">我的订单</span>
                </a>
                <a class="tab-item external" href="/index/member">
                    <span class="icon icon-me"></span>
                    <span class="tab-label">会员中心</span>
                </a>
            </nav>
    </div>
</div>
</body>
</html>